@charset "UTF-8";
/* media css Document */
@media screen and (max-width:823px) {
.ibody { background: url(../../images/ms8.png) top right no-repeat #FFF; width: 90%; margin: auto; box-shadow: 0px 2px 5px #666; }
article { float: none; width: 100% }
article { background: #fff }
header { background: url(../../images/ms8.png) top right no-repeat #FFF; }
aside, .dateview { display: none }
nav { padding-left: 0; text-align: center }
nav a { padding: 0 5px; }
.banner { background-size: auto; height: 130px; font-size: 12px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; margin: 10px 0px;}
.bloglist h2 { margin: 0 8px 20px 0px; }
.texts { line-height: 36px; padding: 20px 0 0 10px; text-shadow: 1px 1px rgba(255,255,255,0.3); }
.blogs::after { background: none }
.blogs h3 .blog_date{ display: none;}
.autor span { margin: 0 5px; }
.blogs figure { width: 35%; }
#comment_form .comment_content { width:96.7%; }
/* .blogs ul { width: 62%; } */
}
@media screen and (max-width:598px) {
.ibody { background: url(../../images/ms8.png) top right no-repeat #FFF; width: 90%; margin: auto; box-shadow: 0px 2px 5px #666; }
article { float: none; width: 100% }
article { background: #fff }
header { background: url(../../images/ms8.png) top right no-repeat #FFF; }
aside, header h1, header h2, .dateview { display: none }
nav { height: auto; line-height: 40px; text-align: center; background: #FFF; padding-left: 0px }
nav a { display: block; background: #323232; clear: both; margin-bottom: 2px }
.logo { position: static; margin: 0 auto 10px }
.banner { background-size: auto; height: 130px; font-size: 12px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; }
.texts { line-height: 36px; padding: 20px 0 0 10px; text-shadow: 1px 1px rgba(255,255,255,0.3); }
.bloglist h2 { margin: 0 8px 20px 0px; }
.blogs h3 .blog_date{ display: none;}
.blogs::after { background: none }
.autor span { margin: 0 5px; }
.blogs figure { width: 35%; }
#comment_form .comment_content {   width:95.5%;  }
/* .blogs ul { width: 62%; } */
}
@media screen and (max-width:480px) {
.ibody { width: 90%; margin: auto; box-shadow: 0px 2px 5px #666; }
article { float: none; width: 100% }
article { background: #fff }
header { background: url(../../images/ms8.png) top right no-repeat #FFF; }
aside, header h1, header h2, .dateview,.blogs figure img, .newblog figure img, .newblog .autor { display: none }
.banner { background: url(../../images/banner_media1.png) no-repeat center; background-size: auto;}
.banner .texts { display: none }
.bloglist h2 { margin: 0 8px 20px 0px; }
nav { height: auto; line-height: 40px; text-align: center; background: #FFF; padding-left: 0px }
nav a { display: block; background: #323232; clear: both; margin-bottom: 2px }
.logo { position: static; margin: 0 auto 10px }
.texts { line-height: 36px; padding: 20px 0 0 10px; text-shadow: 1px 1px rgba(255,255,255,0.3); }
.blogs::after, .newblog::after { background: none }
.blogs h3 .blog_date{ display: block; float: right; margin-right: 10px; color: #838383; font-size: 12px; margin-top: 2px;}
.blogs .autor .blog_date { display: none; }
.autor span { margin: 0; }
.blogs figure { width: 100%; float: none; }
.blogs ul, .newblog ul { width: 100%; float: none; margin-top: 18px;}
.blogs { margin: 0 10px 10px 10px; }
#comment_form .comment_content {  width:93.5% }
}
